<template>
  <div class="box">
    <dv-border-box-12 class="left1">
      <to-right-1></to-right-1>
    </dv-border-box-12>
    <dv-border-box-12 class="left2">
      <div class="box-padding">标题1</div></dv-border-box-12
    >
    <dv-border-box-12 class="left3 right3">
      <div class="box-padding">
        <dv-water-level-pond
          :config="config"
          style="width:10rem;height:10rem"
        />
      </div>
    </dv-border-box-12>
  </div>
</template>

<script>
import ToRight1 from './ToRight1.vue'
export default {
  components: { ToRight1 },
  name: '',
  data() {
    return {
      config: {
        data: [60], //数值
        shape: 'round', //水位图形状
        waveHeight: 15, //波浪高度
        waveNum: 2, //波浪数量
      },
    }
  },
}
</script>

<style></style>
